@charset "utf-8";
/* CSS Document */
	.slogan{
		display:block;
		width:0px;
		height:350px;
		background:url(../images/main-text.png) no-repeat;
		position:absolute;
		top:10%;
		z-index:999;
		opacity:0;
		}

		/* title*/
		.intro{ 
			position:relative;
			width:1100px;
			top:15%;
			left:10%;
			}
		.section h2 {
			width:105px;
			height:220px;
			display:block;
			position: absolute;
			top:6%;
			left:3%;
			background-repeat:no-repeat;z-index: 30;
			}
			
			.title-contact{ background-image:url(../images/title-contact.png);}	
			.title-menu{ background-image:url(../images/title-menu.png);}
			.title-media{ background-image:url(../images/title-media.png);}	
			.title-news{ background-image:url(../images/title-news.png);}	
		/*Aoki menu*/
		.onestore{
			display:block;
			width:50%;
			height:50%;
			text-align:left;
			position:relative;
			}
		.onestore #map{
			height:60%;
			width:480px;
			margin-bottom:30px;
		}
		.ao-menu{
			position:absolute;
			left:350px;
			top:65%;}
		
		.onestore .location-title + p {
		    max-width: 330px;
		}
	/* -------------------------------------
		video  
	------------------------------------- */
		
		#bg-video {
			right: 0; 
			top: 0;
			min-width: 100%; 
			min-height: 100%;
			width: auto; 
			height: auto;
			position:absolute;
			display:none;
			
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			}
	/* -------------------------------------
		section1 menu&location
	------------------------------------- */
		#section1 .intro {
			left:20%;
			margin:0;
			}
		.location {
			font-size:15px;
			}
			
		.location a{
			width:15px;
			display:block;
			float:left;
			margin:10px;
			padding-top:25px;
			line-height:18px;
			opacity:0;
			filter:alpha(opacity=0);/*IE*/
			background-position:center top;
			}
		.location a:hover{
			background-image:url(../images/icon-menu.png);
			background-repeat:no-repeat;
			background-position:center top;
			}
		.location-info{
			width:30%;
			height:100%;
			text-align:center;
			position:absolute;
			z-index:99;
			right:0;	
			top:0;		
			}
		
		.location-info > img{
			margin:50px 0;
			}			
		.location-title{
			border:1px solid rgba(255, 255, 255, 0.3);
			letter-spacing:5px;
			padding:5px 30px;
			font-size:18px;
			display:inline-block;
			margin-bottom:20px;
			
			}	
		
			.single{
				-webkit-writing-mode:vertical-lr;
				text-align:left;
				}			
			.single .location-title{
				padding:10px;
				margin-top:100px;
				margin:0;
				}			
			.single p{
				padding:0 20px;
				line-height:40px;
				}			
			.single a{
				padding:0;
				}	
			.single img{
				padding:0;
				-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2) ;
				-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2)  ;
				box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) ;	
				}			
						
		
		
		#map {
			height: 100%;
			width: 70%;
		}
		.look{
			width:auto;
			height:auto;
			padding:10px;
			display:block;
			position:absolute;
			left:3%;
			bottom:5%;
			z-index:999;
			background:#fff;
				-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5) ;
				-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5)  ;
				box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5) ;	
			}
			.look a{
				color:#000;}
			.look:hover{
				background:#000;}
			.look:hover a{
				color:#fff;}


	/* -------------------------------------
		section2 news 
	------------------------------------- */
		 #section2 .controlArrow{ display:none;}
		 .list li{
			height:70px;
			margin-bottom:20px;
			opacity:1;
			font-size:15px;
			 }
		 .list li img{ 
			alpha(opacity=60); /*IE*/
			-moz-opacity:0.60; /*FireFox*/ 
			opacity:0.60; /*Chrome, Opera, Safari*/
			 
			float:left;
			margin-right:20px;
			
			-webkit-transition: all 0.5s ease 0s;
			-moz-transition: all 0.5s ease 0s;
			-o-transition: all 0.5s ease 0s;
			-ms-transition:all 0.5s ease 0s;
			transition: all 0.5s ease 0s;
			 }
		 .list li a:hover img{ 
		 	alpha(opacity=100); /*IE*/
			-moz-opacity:1; /*FireFox*/ 
			opacity:1; /*Chrome, Opera, Safari*/
			}
		 .list li{ 
			 text-align:left;
			 }
		 .list span{
			alpha(opacity=80); /*IE*/
			-moz-opacity:0.80; /*FireFox*/ 
			opacity:0.80; /*Chrome, Opera, Safari*/
			 }

	/* -------------------------------------
		section3 media 
	------------------------------------- */
		
		
		/* -------------------------------------
			section4 contact 
		------------------------------------- */
		
		 .contact-form{
		 	width:400px;
			margin-left:20px;
			text-align:left;
			border:0;
			opacity:0;
			filter:alpha(opacity=0);/*IE*/
			}
		.contact-form tr{
			border-bottom:1px solid #666;
			}
			
		.contact-form tr:first-child,.contact-form tr:nth-child(2),
		.contact-form tr:last-child{
			border:none;}


